// 获取所有的容器元素
var bookcontainer = document.querySelectorAll('.bookcontainer');
var currentPage = 1; // 当前页码
var pageSize = 3; // 每页显示的容器数量
var totalPages = Math.ceil(bookcontainer.length / pageSize); // 总页数，但这里我们实际上只需要2页来显示所有容器

// 隐藏所有容器，开始时都不显示
bookcontainer.forEach(function(container) {
    container.style.display = 'none';
});

// 显示当前页的容器
function showPage(page) {
    // 重置所有容器的显示状态
    bookcontainer.forEach(function(container, index) {
        container.style.display = 'none';
    });

    // 计算当前页应该显示的容器索引范围
    var startIndex = (page - 1) * pageSize;
    var endIndex = Math.min(startIndex + pageSize, bookcontainer.length);

    // 显示当前页的容器
    for (var i = startIndex; i < endIndex; i++) {
        bookcontainer[i].style.display = 'block';
    }


    // 更新页码信息
    document.getElementById('pageInfo').textContent = '第 ' + page + ' 页' + '/共 ' + totalPages + ' 页';
    // 根据当前页码启用或禁用上一页和下一页按钮
    document.getElementById('prevPageBtn').disabled = (page === 1);
    document.getElementById('nextPageBtn').disabled = (page === totalPages);
}

// 绑定上一页和下一页按钮的点击事件
document.getElementById('prevPageBtn').addEventListener('click', function() {
    if (currentPage > 1) {
        currentPage--;
        showPage(currentPage);
    }
});

document.getElementById('nextPageBtn').addEventListener('click', function() {
    if (currentPage < totalPages) {
        currentPage++;
        showPage(currentPage);
    }
});

// 初始显示第一页
showPage(1);





